<template>
    <div class="goodspractice">
        <h1>{{items.title}}的做法</h1>
        <goodscontent></goodscontent>
    </div>
</template>
<script>
    import goodscontent from "./goodscontent"
    export default {
        data() {
            return {
                 items: {
                    title: "香辣鸡翅",
                }
            }
        },
        components: {
            goodscontent
        }
    }
</script>
<style scoped>
.goodspractice{
    background:#fff;
            margin-top: 20px;
        margin-bottom: 50px;
        padding: 20px;
        width: 800px;
        box-shadow: 0 1px 2px #c1c1c1;
}
h1{
            border-bottom: 1px solid #e4e4e4;
        margin-bottom: 10px;
        padding-bottom: 20px;    font-weight: normal;
}
</style>
